.default {
    :global {
        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        /* end baseline CSS */
        .hljs {
            background: #F3F3F3;
            color: #444
        }

        .hljs-comment {
            color: #697070
        }

        .hljs-tag,
        .hljs-punctuation {
            color: #444a
        }

        .hljs-tag .hljs-name,
        .hljs-tag .hljs-attr {
            color: #444
        }

        .hljs-keyword,
        .hljs-attribute,
        .hljs-selector-tag,
        .hljs-meta .hljs-keyword,
        .hljs-doctag,
        .hljs-name {
            font-weight: bold
        }

        /* User color: hue: 0 */
        .hljs-type,
        .hljs-string,
        .hljs-number,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-quote,
        .hljs-template-tag,
        .hljs-deletion {
            color: #880000
        }

        .hljs-title,
        .hljs-section {
            color: #880000;
            font-weight: bold
        }

        .hljs-regexp,
        .hljs-symbol,
        .hljs-variable,
        .hljs-template-variable,
        .hljs-link,
        .hljs-selector-attr,
        .hljs-operator,
        .hljs-selector-pseudo {
            color: #ab5656
        }

        /* Language color: hue: 90; */
        .hljs-literal {
            color: #695
        }

        .hljs-built_in,
        .hljs-bullet,
        .hljs-code,
        .hljs-addition {
            color: #397300
        }

        /* Meta color: hue: 200 */
        .hljs-meta {
            color: #1f7199
        }

        .hljs-meta .hljs-string {
            color: #38a
        }

        /* Misc effects */
        .hljs-emphasis {
            font-style: italic
        }

        .hljs-strong {
            font-weight: bold
        }
    }
}
.monokai {
    :global {
        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        .hljs {
            background: #272822;
            color: #ddd
        }

        .hljs-tag,
        .hljs-keyword,
        .hljs-selector-tag,
        .hljs-literal,
        .hljs-strong,
        .hljs-number,
        .hljs-name {
            color: #f92672
        }

        .hljs-code {
            color: #66d9ef
        }

        .hljs-attribute,
        .hljs-attr,
        .hljs-symbol,
        .hljs-regexp,
        .hljs-link {
            color: #bf79db
        }

        .hljs-string,
        .hljs-bullet,
        .hljs-subst,
        .hljs-title,
        .hljs-section,
        .hljs-emphasis,
        .hljs-type,
        .hljs-built_in,
        .hljs-selector-attr,
        .hljs-selector-pseudo,
        .hljs-addition,
        .hljs-variable,
        .hljs-template-tag,
        .hljs-template-variable {
            color: #a6e22e
        }

        .hljs-title.class_,
        .hljs-class .hljs-title {
            color: white
        }

        .hljs-comment,
        .hljs-quote,
        .hljs-deletion,
        .hljs-meta {
            color: #75715e
        }

        .hljs-keyword,
        .hljs-selector-tag,
        .hljs-literal,
        .hljs-doctag,
        .hljs-title,
        .hljs-section,
        .hljs-type,
        .hljs-selector-id {
            font-weight: bold
        }
    }
}

.a11yDark {
    :global {
        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        .hljs {
            background: #2b2b2b;
            color: #f8f8f2
        }

        /* Comment */
        .hljs-comment,
        .hljs-quote {
            color: #d4d0ab
        }

        /* Red */
        .hljs-variable,
        .hljs-template-variable,
        .hljs-tag,
        .hljs-name,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-regexp,
        .hljs-deletion {
            color: #ffa07a
        }

        /* Orange */
        .hljs-number,
        .hljs-built_in,
        .hljs-literal,
        .hljs-type,
        .hljs-params,
        .hljs-meta,
        .hljs-link {
            color: #f5ab35
        }

        /* Yellow */
        .hljs-attribute {
            color: #ffd700
        }

        /* Green */
        .hljs-string,
        .hljs-symbol,
        .hljs-bullet,
        .hljs-addition {
            color: #abe338
        }

        /* Blue */
        .hljs-title,
        .hljs-section {
            color: #00e0e0
        }

        /* Purple */
        .hljs-keyword,
        .hljs-selector-tag {
            color: #dcc6e0
        }

        .hljs-emphasis {
            font-style: italic
        }

        .hljs-strong {
            font-weight: bold
        }

        @media screen and (-ms-high-contrast: active) {

            .hljs-addition,
            .hljs-attribute,
            .hljs-built_in,
            .hljs-bullet,
            .hljs-comment,
            .hljs-link,
            .hljs-literal,
            .hljs-meta,
            .hljs-number,
            .hljs-params,
            .hljs-string,
            .hljs-symbol,
            .hljs-type,
            .hljs-quote {
                color: highlight
            }

            .hljs-keyword,
            .hljs-selector-tag {
                font-weight: bold
            }
        }
    }
}

.a11yLight {
    :global {
        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        .hljs {
            background: #fefefe;
            color: #545454
        }

        /* Comment */
        .hljs-comment,
        .hljs-quote {
            color: #696969
        }

        /* Red */
        .hljs-variable,
        .hljs-template-variable,
        .hljs-tag,
        .hljs-name,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-regexp,
        .hljs-deletion {
            color: #d91e18
        }

        /* Orange */
        .hljs-number,
        .hljs-built_in,
        .hljs-literal,
        .hljs-type,
        .hljs-params,
        .hljs-meta,
        .hljs-link {
            color: #aa5d00
        }

        /* Yellow */
        .hljs-attribute {
            color: #aa5d00
        }

        /* Green */
        .hljs-string,
        .hljs-symbol,
        .hljs-bullet,
        .hljs-addition {
            color: #008000
        }

        /* Blue */
        .hljs-title,
        .hljs-section {
            color: #007faa
        }

        /* Purple */
        .hljs-keyword,
        .hljs-selector-tag {
            color: #7928a1
        }

        .hljs-emphasis {
            font-style: italic
        }

        .hljs-strong {
            font-weight: bold
        }

        @media screen and (-ms-high-contrast: active) {

            .hljs-addition,
            .hljs-attribute,
            .hljs-built_in,
            .hljs-bullet,
            .hljs-comment,
            .hljs-link,
            .hljs-literal,
            .hljs-meta,
            .hljs-number,
            .hljs-params,
            .hljs-string,
            .hljs-symbol,
            .hljs-type,
            .hljs-quote {
                color: highlight
            }

            .hljs-keyword,
            .hljs-selector-tag {
                font-weight: bold
            }
        }
    }
}

.vs2015 {
    :global {
        pre code.hljs {
            display: block;
            overflow-x: auto;
            padding: 1em
        }

        code.hljs {
            padding: 3px 5px
        }

        .hljs {
            background: #1E1E1E;
            color: #DCDCDC
        }

        .hljs-keyword,
        .hljs-literal,
        .hljs-symbol,
        .hljs-name {
            color: #569CD6
        }

        .hljs-link {
            color: #569CD6;
            text-decoration: underline
        }

        .hljs-built_in,
        .hljs-type {
            color: #4EC9B0
        }

        .hljs-number,
        .hljs-class {
            color: #B8D7A3
        }

        .hljs-string,
        .hljs-meta .hljs-string {
            color: #D69D85
        }

        .hljs-regexp,
        .hljs-template-tag {
            color: #9A5334
        }

        .hljs-subst,
        .hljs-function,
        .hljs-title,
        .hljs-params,
        .hljs-formula {
            color: #DCDCDC
        }

        .hljs-comment,
        .hljs-quote {
            color: #57A64A;
            font-style: italic
        }

        .hljs-doctag {
            color: #608B4E
        }

        .hljs-meta,
        .hljs-meta .hljs-keyword,
        .hljs-tag {
            color: #9B9B9B
        }

        .hljs-variable,
        .hljs-template-variable {
            color: #BD63C5
        }

        .hljs-attr,
        .hljs-attribute {
            color: #9CDCFE
        }

        .hljs-section {
            color: gold
        }

        .hljs-emphasis {
            font-style: italic
        }

        .hljs-strong {
            font-weight: bold
        }

        .hljs-bullet,
        .hljs-selector-tag,
        .hljs-selector-id,
        .hljs-selector-class,
        .hljs-selector-attr,
        .hljs-selector-pseudo {
            color: #D7BA7D
        }

        .hljs-addition {
            background-color: #144212;
            display: inline-block;
            width: 100%
        }

        .hljs-deletion {
            background-color: #600;
            display: inline-block;
            width: 100%
        }
    }
}